<!DOCTYPE html>
<html>

<!-- Head -->
<head>

<title>线描素描</title>

<!-- Meta-Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Meta-Tags -->

<!-- Custom-Stylesheet-Links -->
<!-- Bootstrap-CSS -->  <link rel="stylesheet" href="css/bootstrap.min.css" 		 type="text/css" media="all">
<!-- Insex-Page.CSS --> <link rel="stylesheet" href="css/style.css" 				 type="text/css" media="all">
<!-- Slider-CSS --> 	<link rel="stylesheet" href="css/camera.css" id="camera-css" type="text/css" media="all">
<!-- Portfolio-CSS -->	<link rel="stylesheet" href="css/swipebox.css"				 type="text/css" media="all">
<!-- //Custom-Stylesheet-Links -->

<!-- Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700"	   type="text/css" media="all">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700"			   type="text/css" media="all">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900" type="text/css" media="all">
<!-- //Fonts -->

<!-- Supportive-JavaScript -->
<script src="js/modernizr.js"></script>
<!-- //Supportive-JavaScript -->

</head>
<!-- //Head -->



<!-- Body -->
<style type="text/css">
	.my-nav {
		background: #e7e7e7;
	}
	.right-style {
		font-family: 'fontawesomeregular'
	}
	.right-font-style {
		color: #000 !important;
		
	}
</style>

<header>
	<div class="section_overlay">
			<nav class="navbar my-nav navbar-fixed-top">
			  <div class="container">
				<div class="navbar-header" style="height: 69px;">
				   	<a class="navbar-brand" href="../index.html"><img class="my-logoPic" src="images/logo.gif" alt=""></a>
				</div>
				<!-- 锚点追踪 -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				  	<ul class="nav navbar-nav navbar-right">
					<li><a class="scroll right-font-style" href="../index.html">主页</a></li>
					<li><a class="scroll right-font-style" href="#agileaboutaitsabout">光·影</a></li>
					<li><a class="scroll right-font-style" href="#w3threespecialityw3ls">魅力</a></li>
					<li><a class="scroll right-font-style" href="#skills">对比</a></li>
					<li><a class="scroll right-font-style" href="#portfolio">欣赏</a></li>
					<li><a class="scroll right-font-style" href="#contact">发表看法</a></li>
				  </ul>
				</div>
			  </div>
			</nav> 
		</div>
	</div>
</header>


<!-- container -->


	<!-- Header -->
	<div class="agileheaderw3ls" id="agilehomewthree">

		<!-- Navigation -->
		<section class="cd-section">
			<a class="cd-bouncy-nav-trigger" href="#0">菜单</a>
		</section>
		<div class="cd-bouncy-nav-modal">
			<nav>
				<ul class="cd-bouncy-nav">
					<li><a class="scroll" href="../index.html">主页</a></li>
					<li><a class="scroll" href="#agileaboutaitsabout">光·影</a></li>
					<li><a class="scroll" href="#w3threespecialityw3ls">魅力</a></li>
					<li><a class="scroll" href="#skills">对比</a></li>
					<li><a class="scroll" href="#portfolio">欣赏</a></li>
					<li><a class="scroll" href="#contact">发表看法</a></li>
				</ul>
			</nav>
			<a href="#0" class="cd-close"></a>
		</div>
		<!-- //Navigation -->

		<!-- Slider -->
		<div class="w3slideraits">
			<div class="camera_wrap w3layouts agileits camera_magenta_skin" id="camera_wrap_2">
				<div data-src="images/slide-1.jpg" class="w3layouts agileits">
					<div class="camera_caption w3layouts agileits fadeFromBottom">
						<h3 class="w3layouts agileits">Hello, 欢迎来到线描素描之家</h3>
					</div>
				</div>
				<div class="w3layouts agileits" data-src="images/slide-2.jpg">
					<div class="camera_caption w3layouts agileits fadeFromBottom">
						<h3 class="w3layouts agileits"> 蒙娜丽莎的微笑！</h3>
					</div>
				</div>
				<div data-src="images/slide-3.jpg" class="w3layouts agileits">
					<div class="camera_caption w3layouts agileits fadeFromBottom">
						<h3 class="w3layouts agileits">你的创造一定会成功！</h3>
					</div>
				</div>
				<div class="w3layouts agileits" data-src="images/slide-4.jpg">
					<div class="camera_caption w3layouts agileits fadeFromBottom">
						<h3 class="w3layouts agileits">活出你自己！</h3>
					</div>
				</div>
				<div data-src="images/slide-5.jpg" class="w3layouts agileits">
					<div class="camera_caption w3layouts agileits fadeFromBottom">
						<h3 class="w3layouts agileits">快乐是最<a class="scroll" href="#portfolio">美好</a>的!</h3>
					</div>
				</div>
			</div>
		</div>
		<!-- //Slider -->

	</div>
	<!-- //Header -->



	<!-- About -->
	<div class="agileaboutaitsabout" id="agileaboutaitsabout">
		<div class="agileaboutaits">
			<div class="container">

				<div class="col-md-6 col-sm-6 agileaboutaits-grid agileaboutaits-info">
					<h1>光·影</h1>
					<P>前段时间网络上有一张动图特别有趣，动图的描述的是一个小女孩在阳光下被自己的影子吓得惊慌失措的画面。我还记得小学课本里影子是我们好朋友的课文，这说明我们生活中很多东西都是依赖于光影的表述与传达，光影不仅仅使物理学家通过对它的研究解释了一些物理现象和新的发现，同时也为艺术家在绘画展示与表现过程中提供了更多的可能，艺术家通过光影的运用表现出不同的思想情感、艺术形式，在绘画领域展现出它的审美价值和审美意义。</P>
					<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">查看详细<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></button>
				</div>

				<div class="col-md-6 col-sm-6 agileaboutaits-grid agileaboutaits-image">
					<div class="agileaboutaits-image-1">
						<img src="images/about-1.jpg" alt="Couture">
					</div>
					<div class="agileaboutaits-image-2">
						<img src="images/about-2.png" alt="Couture">
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>

				<!-- Tooltip -->
				<div class="tooltip-content">

					<div class="modal fade features-modal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
						<div class="modal-dialog modal-lg">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title">摄影素描</h4>
								</div>
								<div class="modal-body">
									<img src="images/about-1.jpg" alt="Hitech Info">
									<p>该黑白作品是摄影作品，但又与素描相像。作者是拉尔夫•吉卜生，他的的黑白照片黑白反差很大，质感却又很强烈，照片中充满韵律感，奇异的角度和视角，这些特点让他拍摄的女人体异常精彩，有种让人陷下去的感觉，很隐秘，让人要求探索，可是并没有色情的感觉，甚至没有暧昧，引起人注意的只有美丽的线条，存在于照片之内的气味，和那隐隐闪烁的不可名状光芒。</p>
								</div>
							</div>
						</div>
					</div>

				</div>
				<!-- //Tooltip -->

			</div>
		</div>
	</div>
	<!-- //About -->



	<!-- Speciality -->
	<div class="w3threespecialityw3ls" id="w3threespecialityw3ls">
		<div class="container">

			<h2>线描的魅力</h2>
			<div class="grid cs-style-3">
				<div class="col-md-4 col-sm-4 w3threespecialityw3ls-grid grid1">
					<figure>
						<div class="w3threespecialityw3ls-info">
							<img src="images/special-1.jpg" alt="Couture">
						</div>
						<figcaption>
							<h3>表述多种含义的插画</h3>
						</figcaption>
					</figure>
				</div>
				<div class="col-md-4 col-sm-4 w3threespecialityw3ls-grid grid2">
					<figure>
						<div class="w3threespecialityw3ls-info">
							<img src="images/special-2.jpg" alt="Couture">
						</div>
						<figcaption>
							<h3>纯线条的魅力</h3>
						</figcaption>
					</figure>
				</div>
				<div class="col-md-4 col-sm-4 w3threespecialityw3ls-grid grid3">
					<figure>
						<div class="w3threespecialityw3ls-info">
							<img src="images/special-3.jpg" alt="Couture">
						</div>
						<figcaption>
							<h3>情感的传达</h3>
						</figcaption>
					</figure>
				</div>
				<div class="col-md-4 col-sm-4 w3threespecialityw3ls-grid grid4">
					<figure>
						<div class="w3threespecialityw3ls-info">
							<img src="images/special-4.jpg" alt="Couture">
						</div>
						<figcaption>
							<h3>素描与线描结合</h3>
						</figcaption>
					</figure>
				</div>
				<div class="col-md-4 col-sm-4 w3threespecialityw3ls-grid grid5">
					<figure>
						<div class="w3threespecialityw3ls-info">
							<img src="images/special-5.jpg" alt="Couture">
						</div>
						<figcaption>
							<h3>现实结合实际</h3>
						</figcaption>
					</figure>
				</div>
				<div class="col-md-4 col-sm-4 w3threespecialityw3ls-grid grid6">
					<figure>
						<div class="w3threespecialityw3ls-info">
							<img src="images/special-6.jpg" alt="Couture">
						</div>
						<figcaption>
							<h3>小身躯里的大梦想</h3>
						</figcaption>
					</figure>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>

		</div>
	</div>
	<!-- //Speciality -->

	<!-- Progressive-Effects -->
	<div class="progressive-effects" id="skills">
		<div class="container">

			<!-- Skills -->
			<div id="about-us" class="parallax">
				<h3>光影对比</h3>

				<div class="our-skills wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
					<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
						<p class="lead">不同材质</p>
						<div class="progress">
							<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="90">重要性：90%</div>
						</div>
					</div>
					<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="400ms">
						<p class="lead">色块大小</p>
						<div class="progress">
							<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80">重要性：80%</div>
						</div>
					</div>
					<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
						<p class="lead">黑白投影</p>
						<div class="progress">
							<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="85">重要性：85%</div>
						</div>
					</div>
					<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
						<p class="lead">固有色深浅</p>
						<div class="progress">
							<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="95">重要性：95%</div>
						</div>
					</div>
				</div>
			</div>
			<!-- //Skills -->

			<!-- Stats -->
			<div class="stats">
				<h3>统计</h3>

				<div class="stats-info">
					<div class="col-md-3 col-sm-3 stats-grid stats-grid-1">
						<div class="stats-img">
							<img src="images/s1.png" alt="Corsa Racer">
						</div>
						<div class='numscroller counter numscroller-big-bottom' data-slno='1' data-min='0' data-max='7000' data-delay='.5' data-increment=4>99</div>
						<p>多得数不清</p>
					</div>
					<div class="col-md-3 col-sm-3 stats-grid stats-grid-2">
						<div class="stats-img">
							<img src="images/s2.png" alt="Corsa Racer">
						</div>
						<div class='numscroller counter numscroller-big-bottom' data-slno='1' data-min='0' data-max='170' data-delay='8' data-increment="1">170</div>
						<p>知名画家</p>
					</div>
					<div class="col-md-3 col-sm-3 stats-grid stats-grid-3">
						<div class="stats-img">
							<img src="images/s3.png" alt="Corsa Racer">
						</div>
						<div class='numscroller counter numscroller-big-bottom' data-slno='1' data-min='0' data-max='19000' data-delay='.5' data-increment="11">19000</div>
						<p>努力</p>
					</div>
					<div class="col-md-3 col-sm-3 stats-grid stats-grid-4">
						<div class="stats-img">
							<img src="images/s4.png" alt="Corsa Racer">
						</div>
						<div class='numscroller counter numscroller-big-bottom' data-slno='1' data-min='0' data-max='169' data-delay='8' data-increment="1">169</div>
						<p>获奖</p>
					</div>
					<div class="clearfix"></div>
				</div>

			</div>
			<!-- //Stats -->

		</div>
	</div>
	<!-- //Progressive-Effects -->



	<!-- Portfolio -->
	<div class="portfolio" id="portfolio">
		<h3>欣赏</h3>

		<div class="tabs tabs-style-bar">
			<nav>
				<ul>
					<li><a href="#section-bar-1" class="icon icon-box"><span>立体线描</span></a></li>
					<li><a href="#section-bar-2" class="icon icon-display"><span>插画橡皮章</span></a></li>
					<li><a href="#section-bar-3" class="icon icon-upload"><span>柔美素描</span></a></li>
					<li><a href="#section-bar-4" class="icon icon-tools"><span>立体素描</span></a></li>
				</ul>
			</nav>

			<div class="content-wrap">

				<!-- Tab-1 -->
				<section id="section-bar-1" class="agileits w3layouts">
					<h4>立体线描</h4>
					<div class="gallery-grids">
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-1.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-1.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>动手绘画与制作</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-2.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-2.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>一个假水池</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-3.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-3.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>粗门上班</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-4.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-4.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>家中一角</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-5.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-5.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>准备拍摄</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-6.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-6.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>我回来啦</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-7.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-7.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>水火相容</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-8.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-8.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>119 家里着火啦</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/fashion-9.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/fashion-9.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>啊！help！</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</section>
				<!-- //Tab-1 -->

				<!-- Tab-2 -->
				<section id="section-bar-2" class="agileits w3layouts">
					<h4>插画橡皮章</h4>
					<div class="gallery-grids">
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-1.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-1.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>不倒木马</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-2.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-2.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>重复利用</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-3.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-3.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>对称美</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-4.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-4.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>春天的气息</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-5.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-5.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>一群海豚</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-6.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-6.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>袜子种花</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-7.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-7.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>小图案 大梦想</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-8.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-8.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>如鱼得水</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/event-9.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/event-9.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>小燕子</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</section>
				<!-- //Tab-2 -->

				<!-- Tab-3 -->
				<section id="section-bar-3" class="agileits w3layouts">
					<h4>柔美素描</h4>
					<div class="gallery-grids">
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-1.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-1.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>千丝万缕</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-2.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-2.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>三生三世</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-3.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-3.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>三叶草</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-4.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-4.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>出水芙蓉</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-5.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-5.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>美人鱼</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
								<a href="images/nature-6.jpg" class="swipebox">
									<figure class="effect-bubba">
										<img src="images/nature-6.jpg" alt="" class="img-responsive">
										<figcaption>
											<h4>淤泥不然</h4>
										</figcaption>
									</figure>
								</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-7.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-7.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>惜别</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-8.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-8.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>花开却不落</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/nature-9.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/nature-9.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>睡着了的喇叭花</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</section>
				<!-- //Tab-3 -->

				<!-- Tab-4 -->
				<section id="section-bar-4" class="agileits w3layouts">
					<h4>立体素描</h4>
					<div class="gallery-grids">
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-1.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-1.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>抬头还是低头</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-2.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-2.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>你渴忘飞翔吗？</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-3.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-3.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>探索自己</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-4.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-4.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>人生就是无底洞</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-5.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-5.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>放大中的世界</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-6.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-6.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>山水相连</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-7.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-7.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>把别人都踩在脚下</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-8.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-8.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>你是哪一个</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 gallery-top">
							<a href="images/model-9.jpg" class="swipebox">
								<figure class="effect-bubba">
									<img src="images/model-9.jpg" alt="" class="img-responsive">
									<figcaption>
										<h4>梦</h4>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="clearfix"></div>
					</div>
				</section>
				<!-- //Tab-4 -->
				
			</div><!-- //Content -->
		</div><!-- //Tabs -->
	</div>
	<!-- //Portfolio -->





	<!-- Booking -->
	<div class="w3layoutsbooking" id="contact">
		<div class="container">

			<h3>发表您的看法</h3>

			<div class="booking-form-aits">
				<form action="#" method="post">
					<input type="text" class="margin-right" Name="昵称" placeholder="昵称" required="">
					<input type="email" Name="Email" placeholder="邮箱" required="">
					<input type="text" class="margin-right" Name="标题" placeholder="联系方式" required="">
					<input type="text" Name="Place" placeholder="标题" required="">
					<textarea name="Message" placeholder="内容" required=""></textarea>
					<div class="send-button agileits w3layouts">
						<button class="btn btn-primary">提交<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></button>
					</div>
				</form>
			</div>

		</div>
	</div>
	<!-- //Booking -->



	<!-- Footer -->
	<div class="footer">
		<div class="container">

			<h3>写在后面</h3>
			<h5>线描素描板块主要是提供素材，结合全球最新创意线描、创意素描等绘画，向大家展示，我们也可以共同探讨绘画艺术，互相学习、共同进步。如果您对我们的素材感兴趣可以在最下方留下您的邮箱，我们会把所有素材都发给您！
			在发表看法板块，您可以向我们提供您的素材、你最近了解到的最新创意，也可以把您自己对绘画的技法、新的创意说给我们听，我们会与您并肩学习。非常感谢您看到最后！</h5>

			<div class="footer-grids">

				<div class="col-md-3 col-sm-3 footer-grid footer-grid-1 address">
					<h4>我们的地址</h4>
					<address>
						<ul>
							<li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> 艺传2013级赵敏</li>
							<li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> 重庆市渝北区红旗河沟</li>
							<li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> 重庆市綦江区</li>
							
						</ul>
					</address>
				</div>

				<div class="col-md-2 col-sm-2 footer-grid footer-grid-2 phone">
					<h4>电话</h4>
					<p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +1 (337) 073-8449</p>
					<p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +1 (512) 303-1979</p>
				</div>

				<div class="col-md-2 col-sm-2 footer-grid footer-grid-3 email">
					<h4>邮箱</h4>
					<p><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a href="mailto:mail@example.com"> zm@dlike.cn</a></p>
					<p><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a href="mailto:mail@example.com"> 1063206911@qq.com</a></p>
				</div>

				<!-- Newsletter -->
				<div class="col-md-5 col-sm-5 footer-grid footer-grid-4 newsletter">
					<h4>谢谢！</h4>
					<form action="#" method="post">
						<input type="text" placeholder="Email" name="Email" required="">
						<input type="submit" value="提交">
					</form>
				</div>
				<!-- //Newsletter -->
				<div class="clearfix"></div>
				
			</div>

			<!-- Copyright -->
			<div class="copyright">
				<p>&copy; ZHAIMIN © 2016 - ALL 个人博客  | 版权信息:由ZM.@ZHAOMIN科技公司提供 <a href="C:\Users\zm\Desktop\my long\index\index.html" target="_blank"> zm工作室 </a><a href="#agilehomewthree" class="to-top scroll" title="To Top"><span class="glyphicon glyphicon-chevron-up"></span></a></p>
			</div>
			<!-- //Copyright -->

		</div>
	</div>
	<!-- //Footer -->



	<!-- Custom-JavaScript-File-Links -->

		<!-- Default-JavaScript -->   <script type="text/javascript" src="js/jquery.min.js"></script>
		<!-- Bootstrap-JavaScript --> <script type="text/javascript" src="js/bootstrap.min.js"></script>

		<!-- Slider-JavaScript-Files -->
			<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
			<script type="text/javascript" src="js/jquery.mobile.customized.min.js"></script>
			<script type="text/javascript" src="js/camera.js"></script>
			<script>
				jQuery(function(){
					jQuery('#camera_wrap_2').camera({
						loader: 'bar',
						speed: 1000,
						pagination: false,
						thumbnails: false,
					});
				});
			</script>
		<!-- //Slider-JavaScript-Files -->

		<!-- Navigation-JavaScript -->
			<script src="js/nav.js"></script>
		<!-- //Navigation-JavaScript -->

		<!-- Progressive-Effects-Animation-JavaScript -->
			<script type="text/javascript" src="js/jquery.inview.min.js"></script>
			<script type="text/javascript" src="js/wow.min.js"></script>
			<script type="text/javascript" src="js/mousescroll.js"></script>
			<script type="text/javascript" src="js/main.js"></script>
		<!-- //Progressive-Effects-Animation-JavaScript -->

		<!-- Stats-Number-Scroller-Animation-JavaScript -->
			<script src="js/waypoints.min.js"></script> 
			<script src="js/counterup.min.js"></script> 
			<script>
				jQuery(document).ready(function( $ ) {
					$('.counter').counterUp({
						delay: 10,
						time: 1000
					});
				});
			</script>
		<!-- //Stats-Number-Scroller-Animation-JavaScript -->

		<!-- Gallery-Tab-JavaScript -->
			<script src="js/cbpFWTabs.js"></script>
			<script>
				(function() {
					[].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) {
						new CBPFWTabs( el );
					});
				})();
			</script>
		<!-- //Gallery-Tab-JavaScript -->

		<!-- Swipe-Box-JavaScript -->
			<script src="js/jquery.swipebox.min.js"></script> 
				<script type="text/javascript">
					jQuery(function($) {
						$(".swipebox").swipebox();
					});
			</script>
		<!-- //Swipe-Box-JavaScript -->

		<!-- Map-JavaScript -->
			<!---<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>        
			<script type="text/javascript">
				google.maps.event.addDomListener(window, 'load', init);
				function init() {
					var mapOptions = {
						zoom: 11,
						center: new google.maps.LatLng(40.6700, -73.9400),
						styles: [{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}]
					};
					var mapElement = document.getElementById('map');
					var map = new google.maps.Map(mapElement, mapOptions);
					var marker = new google.maps.Marker({
						position: new google.maps.LatLng(40.6700, -73.9400),
						map: map,
					});
				}
			</script>--->
		<!-- //Map-JavaScript -->

		<!-- Smooth-Scrolling-JavaScript -->
			<script type="text/javascript" src="js/move-top.js"></script>
			<script type="text/javascript" src="js/easing.js"></script>
			<script type="text/javascript">
					jQuery(document).ready(function($) {
						$(".scroll, .navbar li a, .footer li a").click(function(event){
							$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
						});
					});
			</script>
		<!-- //Smooth-Scrolling-JavaScript -->

	<!-- //Custom-JavaScript-File-Links -->



</body>
<!-- //Body -->



</html>